<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>播放器</title>
    <link rel="stylesheet" href="lib/video.js/video-js.css">
    <link rel="stylesheet" href="lib/element.ui/2.15.8/theme-chalk/index.css">
    <link rel="stylesheet" href="css/player.css">

    <!-- cctv 播放器 -->
    <!-- <script type="text/javascript" src="https://r.img.cctvpic.com/library/script/jquery-1.7.2.min.js"></script> -->
    <!-- <script type="text/javascript" src="https://js.player.cntv.cn/creator/swfobject.js"></script> -->
    <!-- <script type="text/javascript" src="https://js.player.cntv.cn/creator/vodplayer.js"></script> -->
    <!-- <script src="https://p5.img.cctvpic.com/photoAlbum/templet/common/DEPA1567070010882321/ptjszx_player.js" type="text/javascript" charset="utf-8"></script>
    <script src="https://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1573722868911195/tv_jlp_tb.videcreat.js" type="text/javascript" charset="utf-8"></script> -->
    <script type="text/javascript" src="lib/video.js/video.debug.js"></script>
    <!-- <script type="text/javascript" src="lib/video.js/plugins/videojs-contrib-hls.js"></script> -->
    <script type="text/javascript" src="lib/video.js/plugins/videojs.hotkeys.js"></script>
</head>
<body>
    <main id="app">
        <el-input v-model="src" @change="onSrcChange"></el-input>
        <div class="player">
            <video class="video-js video" id="player" controls></video>
        </div>
    </main>
    <script src="lib/vue/vue.js"></script>
    <script src="lib/element.ui/2.15.8/index.js"></script>
    <script src="player.js"></script>
</body>
</html>
